.bg-f2 { background: #f2f2f2; }

img { max-width: 100%; }

a, a:hover { color: inherit !important; list-style-type: none !important; outline: none !important; text-decoration: none !important; }

.flex { display: flex; }

.basis-xs { flex-basis: 20%; }

.basis-sm { flex-basis: 40%; }

.basis-df { flex-basis: 50%; }

.basis-lg { flex-basis: 60%; }

.basis-xl { flex-basis: 80%; }

.flex-sub { flex: 1; }

.flex-twice { flex: 2; }

.flex-treble { flex: 3; }

.flex-direction { flex-direction: column; }

.flex-wrap { flex-wrap: wrap; }

.align-start { align-items: flex-start; }

.align-end { align-items: flex-end; }

.align-center { align-items: center; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.self-start { align-self: flex-start; }

.self-end { align-self: flex-end; }

.font-12 { font-size: 12px; }

.font-14 { font-size: 14px; }

.font-16 { font-size: 16px; }

.font-18 { font-size: 18px; }

.font-size { font-size: 20px; }

.margin-0 { margin: 0; }

.margin-xs { margin: 0.133rem; }

.margin-sm { margin: 0.267rem; }

.margin { margin: 0.4rem; }

.margin-lg { margin: 0.533rem; }

.margin-xl { margin: 0.667rem; }

.margin-top-xs {margin-top: 0.133rem;}

.margin-top-sm { margin-top: 0.267rem; }

.margin-top { margin-top: 0.4rem; }

.margin-top-lg { margin-top: 0.533rem; }

.margin-top-xl { margin-top: 0.667rem; }

.margin-right-xs { margin-right: 0.133rem; }

.margin-right-sm { margin-right: 0.267rem; }

.margin-right { margin-right: 0.4rem; }

.margin-right-lg { margin-right: 0.533rem; }

.margin-right-xl { margin-right: 0.667rem; }

.margin-bottom-xs { margin-bottom: 0.133rem; }

.margin-bottom-sm { margin-bottom: 0.267rem; }

.margin-bottom { margin-bottom: 0.4rem; }

.margin-bottom-lg { margin-bottom: 0.533rem; }

.margin-bottom-xl { margin-bottom: 0.667rem; }

.margin-left-xs { margin-left: 0.133rem; }

.margin-left-sm { margin-left: 0.267rem; }

.margin-left { margin-left: 0.4rem; }

.margin-left-lg { margin-left: 0.533rem; }

.margin-left-xl { margin-left: 0.667rem; }

.margin-lr-xs { margin-left: 0.133rem; margin-right: 0.133rem; }

.margin-lr-sm { margin-left: 0.267rem; margin-right: 0.267rem; }

.margin-lr { margin-left: 0.4rem; margin-right: 0.4rem; }

.margin-lr-lg { margin-left: 0.533rem; margin-right: 0.533rem; }

.margin-lr-xl { margin-left: 0.667rem; margin-right: 0.667rem; }

.margin-tb-xs { margin-top: 0.133rem; margin-bottom: 0.133rem; }

.margin-tb-sm { margin-top: 0.267rem; margin-bottom: 0.267rem; }

.margin-tb { margin-top: 0.4rem; margin-bottom: 0.4rem; }

.margin-tb-lg { margin-top: 0.533rem; margin-bottom: 0.533rem; }

.margin-tb-xl { margin-top: 0.667rem; margin-bottom: 0.667rem; }

.padding-0 { padding: 0; }

.padding-xs { padding: 0.133rem; }

.padding-sm { padding: 0.267rem; }

.padding { padding: 0.4rem; }

.padding-lg { padding: 0.533rem; }

.padding-xl { padding: 0.667rem; }

.padding-top-xs { padding-top: 0.133rem; }

.padding-top-sm { padding-top: 0.267rem; }

.padding-top { padding-top: 0.4rem; }

.padding-top-lg { padding-top: 0.533rem; }

.padding-top-xl { padding-top: 0.667rem; }

.padding-right-xs { padding-right: 0.133rem; }

.padding-right-sm { padding-right: 0.267rem; }

.padding-right { padding-right: 0.4rem; }

.padding-right-lg { padding-right: 0.533rem; }

.padding-right-xl { padding-right: 0.667rem; }

.padding-bottom-xs { padding-bottom: 0.133rem; }

.padding-bottom-sm { padding-bottom: 0.267rem; }

.padding-bottom { padding-bottom: 0.4rem; }

.padding-bottom-lg { padding-bottom: 0.533rem; }

.padding-bottom-xl { padding-bottom: 0.667rem; }

.padding-left-xs { padding-left: 0.133rem; }

.padding-left-sm { padding-left: 0.267rem; }

.padding-left { padding-left: 0.4rem; }

.padding-left-lg { padding-left: 0.533rem; }

.padding-left-xl { padding-left: 500rem; }

.padding-lr-xs { padding-left: 0.133rem; padding-right: 0.133rem; }

.padding-lr-sm { padding-left: 0.267rem; padding-right: 0.267rem; }

.padding-lr { padding-left: 0.4rem; padding-right: 0.4rem; }

.padding-lr-lg { padding-left: 0.533rem; padding-right: 0.533rem; }

.padding-lr-xl { padding-left: 0.667rem; padding-right: 0.667rem; }

.padding-tb-xs { padding-top: 0.133rem; padding-bottom: 0.133rem; }

.padding-tb-sm { padding-top: 0.267rem; padding-bottom: 0.267rem; }

.padding-tb { padding-top: 0.4rem; padding-bottom: 0.4rem; }

.padding-tb-lg { padding-top: 0.533rem; padding-bottom: 0.533rem; }

.padding-tb-xl { padding-top: 0.667rem; padding-bottom: 0.667rem; }

ul { list-style-type: none; margin-bottom: 0; }

.text-light-gray { color: #999999; }

.main-color { color: #09c39e; }

.main-light-color { color: #8fe4d3; }

.main-bglight-color { background: #8fe4d3; }

.text-bold { font-weight: 700; }

.text-black { color: #333333; }

.img1 { display: none; }

.bg-gray { background: #f2f2f2; }

.bg-white { background: #ffffff; }

.bg-green { background: #09c39e; }

.text-white { color: #ffffff; }

.titWrap .tit { width: 100%; height: 80px; background: url("../images/titbg.png"); background-repeat: no-repeat; background-position: center; font-size: 24px; padding-top: 10px; }

.textTit .bigtit { font-size: 24px; }
.textTit .dots { position: relative; }
.textTit .dots:before { content: ''; width: 245px; height: 1px; background: #ffffff; position: absolute; left: 20%; bottom: 50%; }
.textTit .dots:after { content: ''; width: 245px; height: 1px; background: #ffffff; position: absolute; right: 20%; bottom: 50%; }

.text-cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.text-cut2 { display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.asideNav { right: 0; bottom: 100px; position: fixed; text-align: left; overflow: hidden; z-index: 999; }
.asideNav li { background: #09c39e; margin: 4px 0; padding: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; position: relative; right: -70px; }
.asideNav li .iconBox { text-align: center; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.asideNav li .hideBox { display: none; position: absolute; right: 120px; padding: 10px; padding-right: 15px; top: -10px; z-index: 999; width: 200px; }
.asideNav li .hideBox .hb { border: 1px solid #ccc; background-color: #fff; padding: 0 15px 10px; border-top: 2px solid #09c39e; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.asideNav li .hideBox .hb h5 { padding: 0 0 5px; border-bottom: 2px solid #ccc; color: #09c39e; font-size: 16px; font-weight: 400; display: block; white-space: nowrap; }
.asideNav li .hideBox .hb .qqtalk { margin-top: 10px; }
.asideNav li .hideBox .hb .qqtalk a { display: flex; align-items: center; }
.asideNav li .hideBox .hb .qqtalk img { width: 25px; height: 25px; }
.asideNav li .hideBox .hb p { margin-top: 5px; font-size: 14px; font-weight: 700; margin-left: 5px; }
.asideNav li .hideBox .hb img { width: 120px; height: 120px; display: table; margin: 0 auto; object-fit: contain; }
.asideNav li img { width: 30px; height: 30px; }
.asideNav li h4 { color: #fff; font-size: 14px; margin: 2px 0; margin-left: 15px; }
.asideNav li:hover { background: #09c39e; }
.asideNav li:nth-child(3) { width: 100%; margin-top: 10px; object-fit: cover; }

.footWrap .linkWrap { background: #585858; color: #c7d2dc; font-size: 14px; padding: 10px 0; }
.footWrap .linkWrap .tit { margin-right: 20px; }
.footWrap .linkWrap .linkList ul li { margin: 0 10px; float: left;}
.toorWrap {padding: 20px 0}
.footWrap .footMain { width: 100%; height: 240px; background: url("../images/footerbg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
.footWrap .footMain .lefToor {/* margin-top: 25px; */width: 60%;}
.footWrap .footMain .lefToor .flogo { height: 80px; position: relative; padding-right: 20px; }
.footWrap .footMain .lefToor .flogo img { height: 100%; }
.footWrap .footMain .lefToor .flogo:after { content: ''; width: 2px; height: 80px; background: #666666; position: absolute; right: 0; bottom: 0; }
.footWrap .footMain .lefToor .footIntro { margin-left: 20px; }
.footWrap .footMain .rightToor { position: relative; padding-left: 20px; }
.footWrap .footMain .rightToor img {width: 100px;height: 100px;object-fit: cover;}
.footWrap .footMain .rightToor:before {/* content: ''; */width: 1px;height: 80px;background: #666666;position: absolute;left: 0;bottom: 10px;}
.footWrap .footMain .ftnav {width: 100%;border: 3px solid #414141;padding: 15px 40px;overflow: hidden;border-radius: 3px;margin-top: 15px;}
.footWrap .copyright { background: #000000; color: #dddddd; }

.blnav { height: 40px; line-height: 40px; }
.blnav .bnright li { margin-left: 20px; }
.blnav .bnright li i { font-size: 14px; }

.loBox .loImg img { width: auto; height: 60px; object-fit: cover; }
.loBox .loright .loTop img { width: 35px; height: 32px; object-fit: cover; }
.loBox .loright .loTop .lphone { font-size: 20px; }

.searchWrap { background: #edeeef; }
.searchWrap .hotci li { padding: 0 20px; }
.searchWrap .searbox { height: 40px; line-height: 40px; font-size: 14px; color: #aaaaaa; padding-left: 20px; padding-right: 40px; color: #aaaaaa; outline: none; width: 70%; }
.searchWrap .searchBtn { width: 63px; height: 40px; line-height: 40px; color: #ffffff; background: #09c39e; font-size: 16px; width: 30%; }

.searchWrap:nth-child(2) { margin-right: 0; }

@media screen and (max-width: 768px) { /*  .footWrap { .footMain { background-size: cover; } }*/ }
@media screen and (max-width: 421px) { .blnav, .loBox { display: none; }
  .header .nablbox { width: 100%; display: flex; justify-content: space-between; }
  .header .nablbox .left { width: 100%; }
  .header .nablbox .left .img1 { display: block; }
  .titWrap .tit { background-size: 50%; font-size: 18px; height: 50px; padding-top: 5px; }
  .textTit .bigtit { font-size: 18px; }
  .textTit .bigtit span { display: block; }
  .textTit .dots { position: relative; }
  .textTit .dots:before { content: ''; width: 80px; height: 1px; background: #ffffff; position: absolute; left: 2%; bottom: 50%; }
  .textTit .dots:after { content: ''; width: 80px; height: 1px; background: #ffffff; position: absolute; right: 2%; bottom: 50%; }
  .footWrap .linkWrap .linkList ul li { margin: 0 5px; }
  .footWrap .footMain { background-size: cover; }
  .footWrap .footMain .toorWrap { flex-wrap: wrap; }
  .footWrap .footMain .toorWrap .lefToor { width: 100%; }
  .footWrap .footMain .toorWrap .rightToor { display: none; }
  .footWrap .footMain .ftnav { margin-top: 20px; padding: 4px 3px; }
  .possearch { display: none; }
  .searchWrap .searframe { width: 100%; }
  .searchWrap .searframe .searbox { font-size: 14px; height: 35px; line-height: 35px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 75%; padding-right: 0; }
  .searchWrap .searframe .searchBtn { width: 25%; height: 35px; line-height: 35px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } }

/*# sourceMappingURL=comm.css.map */
:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}